<template>
  <div class="main">
    <div class="form-container">
      <!-- <h2 style="background:#265eff;">应急信息社区通-居民体温上报</h2> -->
      <div class="form-main">
        <div class="enter_title">
          <h2 style="background:#265eff;">社区通-常德居民信息上报</h2>
        </div>
        <div class="enter_content">
          <div class="name" >
            <span class="required" style="color:red">*</span>
            <label for="name">姓名</label><br/>

            <input class="form-border" id="name" type="text" name="username" maxlength="20" placeholder="姓名"
                  required="required" v-model="nameModel"/> <br/>
          </div>
          <div class="sex" >
            <span class="required" style="color:red">*</span>
            <label for="gender" required>性别</label><br/>
            <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
              <div>
                <el-radio v-model="genderModel" label="0" @change="genderChange">男</el-radio>
              </div>
              <div style="border-top: 1px solid #c6c8c9; ">
                <el-radio v-model="genderModel" label="1" @change="genderChange">女</el-radio>
              </div>
            </div>
          </div>
          <div class="idNumber" >
            <span class="required" style="color:red">*</span>
            <label for="name">身份证号</label><br/>
            <input class="form-border" id="idNumber" type="text" name="idNumber" @blur="checkIDNumber" maxlength="18"
                  placeholder="请填写身份证号" v-model="idNumber"/> <br/>
          </div>
          <div class="phoneNum" >
            <span class="required" style="color:red">*</span>
            <label for="phone">电话</label><br/>
            <input class="form-border" id="phone" type="number" name="phoneNum" maxlength="12" placeholder="请填写联系电话" @blur='checkPhoneModle'
                  v-model="phoneModel"/><br/>
          </div>
          <!-- <div class="residence">
            <span class="required" style="color:red">*</span>
            <label for="name">所住区域</label><br/>
            <input class="form-border" id="residence" readonly type="text" @click="showSelectPopup=true" name="residence"
                  placeholder="请填写所住区域" v-model="residence"/> <br/>
          </div>
          <div>
              <label for="name">社区名称</label><br/>
              <input class="form-border" type="text"  readonly  v-model="touchPersonPhone"  /> <br/>
          </div> -->
          <div style="position: relative;">
              <span class="required" style="color:red">*</span>
              <label for="name">小区选择</label><br/>
              <input class="form-border" type="text" maxlength="32" readonly v-model="community"  /> <br/>
               <div style="position: absolute;right: 10px;top: 36px;" @click="showPopupPicker=true" >
                            ···
                        </div>
              <popup-picker :showCell="false"  :show.sync="showPopupPicker" ref="housingRef" :data="housingList" :columns="3" v-model="housingModel" ></popup-picker>
          </div>
          <div class="yy-city-distance">
            <div class="yy-c currentCity">
              <span class="required" style="color:red">*</span>
              <label for="name">楼号</label>
              <input class="form-border" id="currentCity" maxlength="10" type="text" name="currentCity" placeholder="楼号"
                    v-model="building"/> <br/>
            </div>
            <div class="yy-c yy-ccurrentCounty">
              <span class="required" style="color:red">*</span>
              <label for="name">单元</label>
              <input class="form-border" id="currentCounty" maxlength="10" type="text" name="currentCounty"
                    placeholder="单元" v-model="unit"/> <br/>
            </div>
            <div class="yy-c yy-ccurrentCounty">
              <span class="required" style="color:red">*</span>
              <label for="name">房间号</label>
              <input class="form-border" id="currentCounty" maxlength="10" type="text" name="currentCounty"
                    placeholder="房间号" v-model="roomNumber"/> <br/>
            </div>
          </div>

          <span class="required" style="color:red">*</span>
          <label for="gender" required>是否发热（体温>=37.3℃）</label><br/>
          <!-- 王骞 2020/02/10 1:17修改单选结构-->
          <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
            <div>
              <el-radio v-model="fever" label="a:小于36℃">小于36℃</el-radio>
            </div>
            <div style="border-top: 1px solid #c6c8c9; ">
              <el-radio v-model="fever" label="b:36-36.5℃">36-36.5℃</el-radio>
              <!-- <input  type="radio" name="widows" value="1"   id="widowsmale" checked="checked" v-model="widows" /><label for="widowsa"> 是</label> -->
            </div>
            <div style="border-top: 1px solid #c6c8c9; ">
              <el-radio v-model="fever" label="c:36.5-37℃">36.5-37℃</el-radio>
            </div>
            <div style="border-top: 1px solid #c6c8c9; ">
              <el-radio v-model="fever" label="d:37-37.3℃">37-37.3℃</el-radio>
            </div>
            <div style="border-top: 1px solid #c6c8c9; ">
              <el-radio v-model="fever" label="e:37.3℃以上">37.3℃以上</el-radio>
            </div>
          </div>
          <div v-show="showInputFever">
              <label for="name">体温</label><br/>
              <input class="form-border"  type="text" maxlength="4" placeholder="请填写体温"  v-model="localBodyHeat"  /> <br/>
          </div>
          <label for="gender" required>其他症状</label><br/>
          <div class="form-border tizheng clearfix" style='border: 1px solid #c6c8c9;'>
              <div>
                <el-checkbox v-model="symptoModel" label="乏力"></el-checkbox>
              </div>
              <div>
                <el-checkbox v-model="symptoModel" label="干咳"></el-checkbox>
              </div>
              <div>
                <el-checkbox v-model="symptoModel" label="肌肉酸痛"></el-checkbox>
              </div>
              <div>

                <el-checkbox v-model="symptoModel" label="寒战"></el-checkbox>
              </div>
              <div>
                <!-- <input type="checkbox" name="symptom" value="6" v-model="symptoModel"/> 呼吸困难 -->
                <el-checkbox v-model="symptoModel" label="呼吸困难"></el-checkbox>
              </div>
              <div>
                <!-- <input type="checkbox" name="symptom" value="7" v-model="symptoModel"/> 咽痛 -->
                <el-checkbox v-model="symptoModel" label="咽痛"></el-checkbox>
              </div>
              <div>
                <!-- <input type="checkbox" name="symptom" value="8" v-model="symptoModel"/> 头疼 -->
                <el-checkbox v-model="symptoModel" label="头疼"></el-checkbox>
              </div>
              <div>
                <!-- <input type="checkbox" name="symptom" value="9" v-model="symptoModel"/>眩晕 -->
                <el-checkbox v-model="symptoModel" label="眩晕"></el-checkbox>
              </div>
              <div>
                <el-checkbox v-model="symptoModel" label="腹痛"></el-checkbox>
                <!-- <input type="checkbox" name="symptom" value="10" v-model="symptoModel"/> 腹痛 -->
              </div>
              <div>
                <el-checkbox v-model="symptoModel" label="腹泻"></el-checkbox>
                <!-- <input type="checkbox" name="symptom" value="11" v-model="symptoModel"/> 腹泻 -->
              </div>
              <div>
                <el-checkbox v-model="symptoModel" label="恶心"></el-checkbox>
                <!-- <input type="checkbox" name="symptom" value="12" v-model="symptoModel"/> 恶心 -->
              </div>
              <div>
                <el-checkbox v-model="symptoModel" label="呕吐"></el-checkbox>
                <!-- <input type="checkbox" name="symptom" value="13" v-model="symptoModel"/> 呕吐 -->
              </div>
              <div>
                <el-checkbox v-model="symptoModel" label="鼻塞"></el-checkbox>
                <!-- <input type="checkbox" name="symptom" value="14" v-model="symptoModel"/> 鼻塞 -->
              </div>
            </div>


          <!-- <div id="temperatureId" style="display:none;">
            <label for="gender" required>体温</label><br/>
            <input class="form-border" id="temperature" type="text"  placeholder="请填写体温" v-model="temperatureModel"  /> <br/>
          </div> -->
          <!-- <span class="required" style="color:red">*</span> -->
          <label for="gender" required>是否有湖北旅居史或接触史？</label><br/>
          <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
            <div>
              <el-radio v-model="touchHubeiPersonIsolation" label="0">否</el-radio>
            </div>
            <div style="border-top: 1px solid #c6c8c9; ">
              <el-radio v-model="touchHubeiPersonIsolation" label="1">是</el-radio>
            </div>
          </div>
          <!-- 是否有湖北旅居史或接触史为是显示 -->
          <div v-show="showHubeiYes">
            <label for="gender" required>接触人员类型</label><br/>
              <div class="form-border form-twoBor">
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="touchPersonType"  label="1">武汉以外的湖北人入常德人员</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="touchPersonType" label="2">武汉入常德</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="touchPersonType" label="3">常德入武汉以外的湖北辖区后返回常德</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="touchPersonType" label="4">常德入武汉后返回常德</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="touchPersonType" label="5">既非常德人又非湖北人，途径湖北进入常德</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9;  border-raduis: 3px;" >
                      <el-radio v-model="touchPersonType" label="6">既非常德人又非武汉人，途径武汉进入常德</el-radio>
                  </div>
              </div>

              <label for="gender" required>是否与确诊病例或者疑似病例密切接触?</label><br/>
              <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
                <div>
                  <el-radio v-model="touchPersonIsolation" label="0">否</el-radio>
                </div>
                <div style="border-top: 1px solid #c6c8c9; ">
                  <el-radio v-model="touchPersonIsolation" label="1">是</el-radio>
                  <!-- <input  type="radio" name="widows" value="1"   id="widowsmale" checked="checked" v-model="widows" /><label for="widowsa"> 是</label> -->
                </div>
              </div>
              <label  required>是否与湖北暴露史人员接触?</label><br/>
                <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
                  <div>
                    <el-radio v-model="touchHubei" label="0">否</el-radio>
                  </div>
                  <div style="border-top: 1px solid #c6c8c9; ">
                    <el-radio v-model="touchHubei" label="1">是</el-radio>
                    <!-- <input  type="radio" name="widows" value="1"   id="widowsmale" checked="checked" v-model="widows" /><label for="widowsa"> 是</label> -->
                  </div>
                </div>
              <div >
                <label for="name">体温</label><br/>
                <input class="form-border"  type="text" maxlength="4" placeholder="请填写体温"  v-model="bodyHeat"  /> <br/>
            </div>
              <label  required>有无咳嗽、胸闷等不适症状?</label><br/>
              <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
                <div>
                  <el-radio v-model="discomfort" label="0">无</el-radio>
                </div>
                <div style="border-top: 1px solid #c6c8c9; ">
                  <el-radio v-model="discomfort" label="1">有</el-radio>
                  <!-- <input  type="radio" name="widows" value="1"   id="widowsmale" checked="checked" v-model="widows" /><label for="widowsa"> 是</label> -->
                </div>
              </div>
              <div  >
                  <label for="name">常德人入武汉后居住地</label><br/>
                  <input class="form-border" maxlength="32" type="text"  placeholder="请填写常德人入武汉后居住地"  v-model="wuhanAddress"  /> <br/>
              </div>
              <div class="query-time" >
                <label for="name">离开湖北日期</label><br/>
                <div style="margin-top: 10px;margin-bottom: 20px; width:100%; height: 32px; line-height:32px; border: 1px solid #cccccc; text-align: center; " @click="leaveHubeiDateShow=true">
                  <span class="select_show">{{leaveHubeiDate}}</span>
                </div>
                <span @click="leaveHubeiDate=''" v-if="leaveHubeiDate" style="position: absolute;right: 0;top: 31px;margin-right: 10px;padding: 0 10px;font-size: 18px;line-height: 1.7;">x</span>
                <datetime style="display:none;" :end-date="endDate" v-model="leaveHubeiDate" :show.sync="leaveHubeiDateShow"></datetime>
              </div>
              <!-- 飞机、火车、大巴、自驾车 -->
              <label  required>交通工具</label><br/>
              <div class="form-border form-twoBor">
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="vehicle" label="飞机">飞机</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="vehicle" label="火车">火车</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="vehicle" label="大巴">大巴</el-radio>
                  </div>

                  <div style="border: 1px solid #c6c8c9;  border-raduis: 3px;" >
                      <el-radio v-model="vehicle" label="自驾车">自驾车</el-radio>
                  </div>
              </div>
              <div >
                  <!-- <span class="required" style="color:red">*</span>  -->
                  <label for="name">班次/车次</label><br/>
                  <input class="form-border" type="text" maxlength="32" placeholder="请填写班次/车次"  v-model="vehicleNo"  /> <br/>
              </div>
              <div  >
                  <label for="name">沿途停留地点</label><br/>
                  <input class="form-border" type="text" placeholder="请填写沿途停留地点" maxlength="32" v-model="stayPlace"  /> <br/>
              </div>
              <div class="query-time" >
                <label for="name">返回常德日期</label><br/>
                <div style="margin-top: 10px;margin-bottom: 20px; width:100%; height: 32px; line-height:32px; border: 1px solid #cccccc; text-align: center; " @click="backChangdeDateShow=true">
                  <span class="select_show">{{backChangdeDate}}</span>
                </div>
                <span @click="backChangdeDate=''" v-if="backChangdeDate" style="position: absolute;right: 0;top: 31px;margin-right: 10px;padding: 0 10px;font-size: 18px;line-height: 1.7;">x</span>
                <datetime style="display:none;" :end-date="endDate" v-model="backChangdeDate" @on-change="changeTime" :show.sync="backChangdeDateShow"></datetime>
              </div>

              <!-- <label  required>是否满14天日期</label><br/>
              <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
                <div>
                  <el-radio v-model="fourteenDays" label="0">否</el-radio>
                </div>
                <div style="border-top: 1px solid #c6c8c9; ">
                  <el-radio v-model="fourteenDays" label="1">是</el-radio>
                </div>
              </div> -->
          </div>
          <label  required>是否外地来武陵区人员</label><br/>
          <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
            <div>
              <el-radio v-model="otherToWuling" label="0">否</el-radio>
            </div>
            <div style="border-top: 1px solid #c6c8c9; ">
              <el-radio v-model="otherToWuling" label="1">是</el-radio>
              <!-- <input  type="radio" name="widows" value="1"   id="widowsmale" checked="checked" v-model="widows" /><label for="widowsa"> 是</label> -->
            </div>
          </div>
          <!-- 是否外地返武陵区人员是显示 -->
          <div v-show="whetherBackWulingPersonShow">
              <div>
                  <label for="name">原居住地(从何处来)</label><br/>
                  <input class="form-border" type="text" placeholder="请填写回程地点" maxlength="32" v-model="whereToWuling"  /> <br/>
              </div>
              <label  required>来武陵区方式</label><br/>
              <div class="form-border form-twoBor">

                   <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="howToWuling" label="飞机">飞机</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="howToWuling" label="火车">火车</el-radio>
                  </div>
                  <div style="border: 1px solid #c6c8c9; border-bottom: none; border-raduis: 3px;" >
                      <el-radio v-model="howToWuling" label="大巴">大巴</el-radio>
                  </div>

                  <div style="border: 1px solid #c6c8c9;  border-raduis: 3px;" >
                      <el-radio v-model="howToWuling" label="自驾车">自驾车</el-radio>
                  </div>


              </div>
              <div >
                  <!-- <span class="required" style="color:red">*</span>  -->
                  <label for="name">来武陵区班次/车次</label><br/>
                  <input class="form-border" type="text" maxlength="32" placeholder="请填写班次/车次"  v-model="vehicleNoWuling"  /> <br/>
              </div>
              <div>
                  <label for="name">同程人员</label><br/>
                  <input class="form-border" type="text" placeholder="请填写同程人员" maxlength="32" v-model="togetherPersonWuling"  /> <br/>
              </div>
              <div>
                  <label for="name">工作单位</label><br/>
                  <input class="form-border" type="text" maxlength="32" placeholder="请填写工作单位"  v-model="workUnitWuling"  /> <br/>
              </div>
              <label  required>是否本街道常驻人口？</label><br/>
              <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
                <div>
                  <el-radio v-model="permanentWuling" label="0">否</el-radio>
                </div>
                <div style="border-top: 1px solid #c6c8c9; ">
                  <el-radio v-model="permanentWuling" label="1">是</el-radio>
                  <!-- <input  type="radio" name="widows" value="1"   id="widowsmale" checked="checked" v-model="widows" /><label for="widowsa"> 是</label> -->
                </div>
              </div>

              <label  required>是否有相关证明？</label><br/>
              <div class="form-border form-twoBor" style='border: 1px solid #c6c8c9;'>
                <div>
                  <el-radio v-model="proveWuling" label="0">否</el-radio>
                </div>
                <div style="border-top: 1px solid #c6c8c9; ">
                  <el-radio v-model="proveWuling" label="1">是</el-radio>
                  <!-- <input  type="radio" name="widows" value="1"   id="widowsmale" checked="checked" v-model="widows" /><label for="widowsa"> 是</label> -->
                </div>
              </div>
          </div>
          <button class="form-submit" type="submit" @click="submitClick">提交</button>
        </div>

      </div>

    </div>
    <datetime style="display:none;" v-model="queryTime" @on-change="changeTime" :show.sync="timeShow"></datetime>
    <confirm v-model="showconfirm"
             :title="confirmtitle"
             @on-cancel="onCancel"
             @on-confirm="onConfirm"
             @on-show="onShow"
             @on-hide="onHide">
    </confirm>
    <popup v-model="showSelectPopup" @on-hide="popupChange('hide')" @on-show="popupChange('show')" height="50%">
      <menuLinkage :queryObj="casList" @setCityObj="setCityObj" ref="menuLinkage"/>
    </popup>
    <!-- <popup-picker :showCell="false" title="测试" :show.sync="showPopupPicker" :data="casList" :columns="3" v-model="casModel" ></popup-picker> -->
  </div>
</template>
<script>
  import {cdquestionnaireData, queryCityData,queryCdcommunity,queryCdcommunityList} from '@/assets/js/service'
  import fromConfig from '../../../static/formConfig'
  import {Confirm, Datetime, PopupPicker, Popup} from 'vux'
  import menuLinkage from '../commons/menuLinkage.vue'
  import Axios from 'axios'

  export default {
    components: {
      Confirm,
      Datetime,
      PopupPicker,
      Popup,
      menuLinkage,
    },
    data() {
      return {
        casList: [],
        casModel: [],
        openSimple: false,
        showInputFever:false,
        levelnum: 0,
        showPopupPicker: false,
        fromConfigParam: fromConfig,
        nameModel: '',
        genderModel: '0',
        ageModel: '',
        phoneModel: '',
        showSelectPopup: false,
        symptoModel: [],
        temperatureModel: '',
        feverModel: '1',
        contactModel: '1',
        showconfirm: false,
        confirmtitle: "是否继续填写",
        groupModel: '',
        housingList:[],
        housingModel:[],
        // 新增
        timeShow: false,
        isFlag: true,
        endDate:"",//限定最大日期
        // 新增
        idNumber: '',
        guardianName: '',//监护人
        guardianIdNumber: '',//监护人ID
        pregnant: '0', //0 否，1 是否为妇女
        residence: '',//常住地
        currentProvince: '',//当前所在省
        currentCity: '',//当前所在市
        currentCounty: '',//当前所在区/县
        currentCountry: '',//街道/乡/镇（当前所在地）
        currentVillage: '',//社区/村（当前所在地）
        currentLocation: '',//当前所在地（详细住址)
        isChecked: false,



        //常德
        touchHubeiPersonIsolation:"0",//是否有湖北接触史
        showHubeiYes:false,
        leaveHubeiDateShow:false,
        leaveHubeiDate:"",//离开湖北日期
        backChangdeDate:"",//返回常德日期
        backChangdeDateShow:false,
        whetherBackWulingPerson:"0",//是否为外地返回常德人
        whetherBackWulingPersonShow:false,
        touchPersonType:"",//接触人员类型
        bodyHeat:"",//体温
        localBodyHeat:"",//本地人体温
        touchHubei:"0",//是否与湖北人员暴露史人员接触
        discomfort:"0",//有无咳嗽、胸闷等不适症状
        wuhanAddress:"",//常德人入武汉后居住地
        vehicle:'',//交通工具
        vehicleNo:"",//班次车次
        stayPlace:"",//沿途停留地点
        // fourteenDays:"0",//满14天日期(1是0否)
        otherToWuling:"0",//是否外地返武陵区人员(1是0否)
        whereToWuling:"",//回程地点
        howToWuling:'',//火车/飞机/汽车/自驾
        vehicleNoWuling:"",//回程航班/车次
        togetherPersonWuling:"",//同程人员
        workUnitWuling:"",//工作单位
        permanentWuling:"",//是否本街道常驻人口【1是0否】
        proveWuling:"0",//是否有相关证明


        //
        widows: '0', //0 否，1 是否为老人
        //新增
        currentProvinceCode: '',//当前所在省 code
        currentCityCode: '',//当前所在市 code
        currentCountyCode: '',//当前所在区/县 code
        currentCountryCode: '',//街道/乡/镇（当前所在地）code
        currentVillageCode: '',////社区/村（当前所在地）code
        communityCode: '',//小区code
        healthCondition: '',//目前健康状况（0:正常，1:有症状）
        symptom: '', //'症状（0:无，1:干咳，2:咽痛，3:发热，4:寒战，5:鼻塞）',
        goToDoctor: '',//近期是否医院就诊(0:否，1:是)
        medicalHospital: '',//就诊医院
        medicalResult: '',//诊断结果
        medicalHistory: '',//既往病史
        reportNumber: '',//采集负责人电话
        reportName: '',
        reportPhone: '',
        reportType: '',
        diagnosis: '0',//是否确诊 0 否 1 疑似 2 确诊
        isdiagnosis: '',//救治情况
        issympto: '',
        medicalConditionSymptom: '',
        medicalConditionDiagnosed: '',
        //
        fever: 'a:小于36℃',
        backToWuHan: '0',
        queryTime: '填写日期',
        touchPersonIsolation: '0',
        touchPersonLocation: '',
        touchPersonPhone: '',
        touchPersonName: '',
        medicalAdvice: '5',
        communityName:'',//小区选择中的
        community: '',//小区
        building: '',//楼栋
        unit: '', // 单元
        roomNumber: '', //房间号
        clue_describe: '',
        remnant: 0,
        info: {
          commuityCode: '',//小区编码
          commuityName: '',//小区名称
          regionalismCode: '',//行政区划code
          responsible: '',//责任人
          responsiblePhone: '',//责任人电话
        }
      }
    },
    created() {
      var _this = this
      // _this.currentVillageCode = '430702004018';
      // commuityCode=小区编码&commuityName=小区名称&regionalismCode=行政区划code &responsible=责任人&responsiblePhone=责任人电话
      _this.info = _this.$route.query;
      // console.log(this.info)
      _this.communityName=_this.info.commuityName;//小区名称
      _this.community = _this.info.commuityName;//小区名称
      _this.communityCode = _this.info.commuityCode;//小区编码
      _this.regionalismCode=_this.info.regionalismCode;//行政区划code
      //let dataSourceId=this.info.dataSourceId;//社区编码
      let dataSourceId=_this.info.regionalismCode.split('/');//社区编码

        _this.currentProvinceCode=dataSourceId[0],//当前所在省
        _this.currentCityCode=dataSourceId[1],//当前所在市
        _this.currentCountyCode=dataSourceId[2],//当前所在区/县
        _this.currentCountryCode=dataSourceId[3],//街道/乡/镇（当前所在地）
        _this.currentVillageCode=dataSourceId[4],//社区/村（当前所在地）
      // this.responsible=this.info.responsible;//责任人
      // this.responsiblePhone=this.info.responsiblePhone;//责任人电话
      _this.endDate=_this.$formatTimeStr(new Date(),1);

      for(let i=0;i<10;i++){
         let obj={name:"klkl"+i,value:"id"+i, parent: 0}

      }
      this.initcascade(0);
      let codeId ;
      //  const inurl = 'http://116.62.205.14:30032/OdataService.svc/DataSourceEntity?$top=10000&$filter=description eq \'' +_this.currentVillageCode+ '\' &$select=id,name,description,tag';
      //  Axios.get(inurl)
      //    .then(function (response) {
      //       // handle success
      //       codeId = response.data.value[0].id;
      //       _this.getAllVillage(codeId)
      //     })
      //     .catch(function (error) {
      //       // handle error
      //       console.log(error);
      //     })
      //     .then(function () {
      //       // always executed
      //     });
      queryCdcommunity({code:'?$top=10000&$filter=description eq \'' +_this.currentVillageCode+ '\' &$select=id,name,description,tag'},(res)=>{
            codeId = res.value[0].id;
            _this.getAllVillage(codeId)
      })
    },
    mounted: function () {
      let epidemicData = JSON.parse(localStorage.getItem('cdepidemicData'));
      if (epidemicData) {
        // let reresidenceArr = epidemicData.residence.split('/')
        // this.currentProvince = reresidenceArr[0]
        // this.currentCity = reresidenceArr[1]
        // this.currentCounty = reresidenceArr[2]
        // this.currentCountry = reresidenceArr[3]
        // this.currentVillage = reresidenceArr[4]
        console.log(epidemicData)
        this.nameModel = epidemicData.name;
        this.ageModel = epidemicData.age;
        this.genderModel = epidemicData.sex;
        this.phoneModel = epidemicData.phone;
        this.idNumber = epidemicData.idNumber
        this.pregnant = epidemicData.pregnant //0 否，1 是否为妇女
        //  this.residence = epidemicData.residence//常住地
        //  this.community = epidemicData.community
        this.building = epidemicData.building
        this.unit = epidemicData.unit
        this.backToWuhan = epidemicData.backToWuhan
        this.roomNumber = epidemicData.roomNumber;

        this.symptoModel = epidemicData.symptom.split('-') //'症状（0:无，1:干咳，2:咽痛，3:发热，4:寒战，5:鼻塞）',
        console.log(this.symptoModel);
        if(epidemicData.fever&&epidemicData.fever.indexOf("e:")>=0){
          this.fever="e:37.3℃以上";
        }else{
          this.fever = epidemicData.fever;
        }
        this.localBodyHeat=epidemicData.localBodyHeat;
        this.touchHubeiPersonIsolation=epidemicData.travelLivingHubei;
        this.touchPersonType =epidemicData.trip;
        this.touchPersonIsolation=epidemicData.touchPersonIsolation;
        this.touchHubei=epidemicData.touchHubei;
        this.bodyHeat=epidemicData.temperature;
        this.discomfort=epidemicData.discomfort;
        this.wuhanAddress=epidemicData.wuhanAddress;

        this.vehicle=epidemicData.vehicle;
        this.vehicleNo=epidemicData.vehicleNo;
        this.stayPlace=epidemicData.stayPlace;
        //解决缓存时间赋值时 时间组件初始化清空数据
        setTimeout(()=>{
          this.leaveHubeiDate=epidemicData.leaveHubeiDate;
          this.backChangdeDate=epidemicData.backDate;
        },1000)

        // this.fourteenDays=epidemicData.fourteenDays;
        this.otherToWuling=epidemicData.otherToWuling;
        this.whereToWuling=epidemicData.whereToWuling;
        this.howToWuling=epidemicData.howToWuling;
        this.vehicleNoWuling=epidemicData.vehicleNoWuling;
        this.togetherPersonWuling=epidemicData.togetherPersonWuling;
        this.workUnitWuling=epidemicData.workUnitWuling;
        this.permanentWuling=epidemicData.permanentWuling;
        this.proveWuling=epidemicData.proveWuling;

      }
    },
    watch: {
      leaveHubeiDate(){
        console.log(this.leaveHubeiDate)
      },
      housingModel(){
        if(this.housingModel&&this.housingModel.length>0){
          this.communityName = this.$refs.housingRef.getNameValues();
          this.communityCode = this.$refs.housingRef.currentValue[0];
          this.community= this.$refs.housingRef.getNameValues();

        }
      },
      touchHubeiPersonIsolation(){
        if(this.touchHubeiPersonIsolation=="0"){
          this.showHubeiYes=false;
        }else{
          this.showHubeiYes=true;
        }

      },
      otherToWuling(){
        if(this.otherToWuling=="0"){
          this.whetherBackWulingPersonShow=false;
        }else{
          this.whetherBackWulingPersonShow=true;
        }
      },
      phoneModel(){
        if(this.phoneModel.length>11){
          this.phoneModel=this.phoneModel.substr(0,11)
        }
      },
      nameModel() {
        //     let nameReg = /^ [\u4e00 - \u9fa5] | [a-zA-Z]$/  ;
        //     console.log(nameReg.test(this.nameModel)) ;
        // 　　if(!nameReg.test(this.nameModel)){
        // 　　　　window.vm.$vux.toast.text('姓名填写有误', 'center')
        // 　　　　return false;
        //     }　　　
        var regu = "^[a-zA-Z\u4e00-\u9fa5]+$";
        var re = new RegExp(regu);
        if(this.nameModel == '') {
          return true;
        } else {
          if (this.nameModel.search(re) != -1) {
            return true;
          } else {
            window.vm.$vux.toast.text('姓名填写有误', 'center')
            return false;
          }
        }
      },
      // ageModel() {
      //   let ageReg = /^\d*$/;
      //   if (!ageReg.test(this.ageModel)) {
      //     console.log('年龄不对');
      //     this.ageModel = '';
      //     window.vm.$vux.toast.text('年龄只能输入数字', 'center')
      //     return false;
      //   }
      //   if (this.ageModel >= 0 && this.ageModel <= 120) {
      //     console.log(this.ageModel)
      //   } else {
      //     this.ageModel = '';
      //     window.vm.$vux.toast.text('年龄在0-120之间', 'center')
      //     return false;
      //   }
      // },
      idNumber() {
        // let pattern = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)/
        // let date = new Date()
        // if(this.idNumber.length > 17){
        //   if(!pattern.test(this.idNumber)) {
        //     window.vm.$vux.toast.text('证件号填写有误', 'center')
        //   } else {
        //     let ageMuis = date.getFullYear() - this.idNumber.substring(6,10);
        //      if(ageMuis > 0){
        //        this.ageModel = ageMuis;
        //      } else {
        //        // window.vm.$vux.toast.text('证件号填写有误', 'center')
        //      }
        //      var num = this.idNumber.charAt(16);
        //      // let num = this.idNumber.substring(16,18);
        //      console.log(num);
        //      if(num%2==0){
        //        // console.log('女');
        //        this.genderModel = 1
        //        this.isChecked = true;
        //      }else{
        //        this.genderModel = 0
        //        this.isChecked = true;
        //      }
        //   }
        //
        // }
      },
      fever() {
        console.log(this.fever);
        if(this.fever=='e:37.3℃以上'){
          this.showInputFever=true;
        }
        // let temperatureId = document.getElementById('temperatureId');
        // if(this.fever == 1){
        //   temperatureId.style.display = 'block';
        // } else {
        //   temperatureId.style.display = 'none';
        // }
      },
      // touchPersonIsolation(){
      //   let touchDistory = document.getElementById('touchDistory');
      //   if(this.touchPersonIsolation ==1 ){
      //     touchDistory.style.display = 'block';
      //   } else{
      //     touchDistory.style.display = 'none';
      //   }
      // },

      currentCounty() {
        this.residence = this.currentProvince + '/' + this.currentCity + '/' + this.currentCounty + '/' + this.currentCountry;
      },
      currentCountry() {
        // console.log(1212)
        if (this.currentCountry == '') {
          this.residence = this.currentProvince + '/' + this.currentCity + '/' + this.currentCounty + '/' + this.currentCountry;
        } else {
          this.residence = this.currentProvince + '/' + this.currentCity + '/' + this.currentCounty + '/' + this.currentCountry + '/' + this.currentVillage;
        }

        // console.log('irem=>',this.residence )
        // },
      },
      currentVillage() {
        this.residence = this.currentProvince + '/' + this.currentCity + '/' + this.currentCounty + '/' + this.currentCountry + '/' + this.currentVillage;
      },
      residence() {
        if(this.currentVillage && this.currentProvince && this.currentCity && this.currentCounty && this.currentCountry) {
          this.residence = this.currentProvince + '/' + this.currentCity + '/' + this.currentCounty + '/' + this.currentCountry + '/' + this.currentVillage;
        } else if(this.currentProvince && this.currentCity && this.currentCounty && this.currentCountry) {
            this.residence = this.currentProvince + '/' + this.currentCity + '/' + this.currentCounty + '/' + this.currentCountry;
        } else if ( this.currentProvince && this.currentCity && this.currentCounty) {
            this.residence = this.currentProvince + '/' + this.currentCity + '/' + this.currentCounty;
        }

      },
      symptoModel() {
        // let issympto = document.getElementById('issympto');
        // if(this.symptoModel.length >0){
        //   this.symptoModel.forEach( item => {
        //     if(item == 0) {
        //       issympto.style.display = 'none';
        //     } else {
        //       issympto.style.display = 'block';
        //     }
        //   });
        // } else {
        //    issympto.style.display = 'none';
        // }
        console.log(this.symptoModel);
      },
      // ageModel(){
      //     let guardian = document.getElementById('guardian');
      //     console.log(this.ageModel);
      //     if(this.ageModel < 18){
      //         console.log(1)
      //         guardian.style.display = 'block';
      //     } else {
      //        console.log(1)
      //         guardian.style.display = 'none';
      //     }
      // },
      fromConfigParam() {
        // console.log(12);
        // console.log(this.fromConfigParam);
      },
      personModel() {
        console.log(this.personModel);
        let personMsg = document.getElementById('personMsg');
        if (this.personModel != 4) {
          personMsg.style.display = 'block';
        } else {
          personMsg.style.display = 'none';
        }
      },
      familyModel() {
        console.log(this.familyModel);
        let personMsg = document.getElementById('familyMsgs');
        if (this.familyModel != 4) {
          personMsg.style.display = 'block';
        } else {
          personMsg.style.display = 'none';
        }
      }
    },
    methods: {
      getAllVillage(codeId){
        let _this = this;
        // const url = 'http://116.62.205.14:30032/OdataService.svc/DSourceDataEntity?$format=json&$filter=dataSourceId eq \'' +codeId+'\'';
        //      Axios.get(url)
        //     .then(function (res) {
        //         // handle success
        //         _this.housingList=[];
        //         if(res.data.value&&res.data.value.length>0){
        //           res.data.value.forEach((item,index)=>{
        //             let obj={name:item.name,value:item.id, parent: 0}
        //             _this.housingList.push(obj);
        //           })
        //         }
        //       })
        //       .catch(function (error) {
        //         // handle error
        //         console.log(error);
        //       })
        //       .then(function () {
        //         // always executed
        //       });

        queryCdcommunityList({code:'?$top=10000&$format=json&$filter=dataSourceId eq \'' +codeId+'\''},(res)=>{
             _this.housingList=[];
                if(res.value&&res.value.length>0){
                  res.value.forEach((item,index)=>{
                    let obj={name:item.name,value:item.id, parent: 0}
                    _this.housingList.push(obj);
                  })
                }
      })
      },
      checkPhoneModle() {
        this.$verification(this.phoneModel,1,"联系电话")
      },
        setCityObj(_list){
            if(typeof(_list[0])!='undefined'){
                this.currentProvince=_list[0].name;
                this.currentProvinceCode=_list[0].code;
            }
            if(typeof(_list[1])!='undefined'){
                this.currentCity=_list[1].name;
                this.currentCityCode=_list[1].code;
            }
            if(typeof(_list[2])!='undefined'){
                this.currentCounty=_list[2].name;
                this.currentCountyCode=_list[2].code;
            }
            if(typeof(_list[3])!='undefined'){
                this.currentCountry=_list[3].name;
                this.currentCountryCode=_list[3].code;
            }else{
                this.currentCountry="";
            }
            if(typeof(_list[4]) !='undefined'){
              this.currentVillage = _list[4].name;
              this.currentVillageCode = _list[4].code;
            } else {
              this.currentVillage = '';
            }
            this.showSelectPopup=false;
        },
        initcascade(setType){
            let _this=this;
            let defaultCode=[];
            if(_this.regionalismCode){
              defaultCode=_this.regionalismCode.split("/");
            }
            console.log("defaultCode",defaultCode)
            queryCityData({"parentCode":"000000"},function(res){
                // console.log("resaaaaaaaaaaaaaaaaaaaa==>",res)
                _this.casList=[];
                if(typeof(res.data)!="undefined"&&res.data.length>0){
                    _this.casList=res.data;
                    _this.$refs.menuLinkage.initData(_this.casList,1);
                    // 有缓存则读取缓存地址
                    //let epidemicData = JSON.parse(localStorage.getItem('cdepidemicData'));
                    //if (epidemicData) {
                      // let reresidenceArr = epidemicData.residence.split('/')
                      // _this.$refs.menuLinkage.setDefault(reresidenceArr)
                      // } else {
                        if(setType==1&&defaultCode.length>0){
                          _this.$refs.menuLinkage.setDefault(defaultCode,1)
                        }else{
                          _this.$refs.menuLinkage.setDefault(['湖南省','常德市'])
                        }
                      //}

                }
            })
        },
        descInput() {
          var txtVal = this.clue_describe.length;
          this.remnant = txtVal;
        },
        genderChange(){
          console.log('item=>',this.genderModel)
        },
        popupChange(_type){
            console.log("_type==>"+_type);

      },
      showTimePlugin() {
        this.timeShow = true;

      },
      clearTree() {

      },
      changeTime() {
        // console.log("change time")
        // const cqueryTime=Date.parse(this.queryTime);
        // const cendTime=Date.parse(this.endTime);
        // if(cqueryTime > cendTime){
        //     this.queryTime = "开始时间";
        //     window.vm.$vux.toast.text('请重新填写开始时间', 'bottom')
        // }
      },
      getCurrentDate() {
        const timeStr = '-';
        const curDate = new Date();
        const curYear = curDate.getFullYear();  //获取完整的年份(4位,1970-????)
        const curMonth = curDate.getMonth() + 1;  //获取当前月份(0-11,0代表1月)
        const curDay = curDate.getDate();       //获取当前日(1-31)
        const curWeekDay = curDate.getDay();    //获取当前星期X(0-6,0代表星期天)
        const curHour = curDate.getHours();      //获取当前小时数(0-23)
        const curMinute = curDate.getMinutes();   // 获取当前分钟数(0-59)
        const curSec = curDate.getSeconds();      //获取当前秒数(0-59)
        const Current = curYear + timeStr + curMonth + timeStr + curDay;
        return Current;
      },
      getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null)
          return unescape(r[2]);
        return null;
      },
      onCancel() {
        this.$router.push({path: "/home", query: {}});
      },
      onConfirm() {
        console.log("确认删除")
      },
      onShow() {
        console.log("显示")
      },
      onHide() {
        console.log("隐藏")
      },
      typeTime(val) {
        const d = new Date(val);
        const resDate = d.getFullYear() + '-' + this.p((d.getMonth() + 1)) + '-' + this.p(d.getDate());
        return resDate;
      },
      p(s) {
        return s < 10 ? '0' + s : s
      },
      submitClick() {
        let _this = this;
        // console.log(this.currentLocation)
        if(_this.$verification(this.nameModel,0,"姓名")&&_this.$verification(this.nameModel,10,"姓名")
        &&_this.$verification(this.idNumber,0,"身份证号")&&_this.$verification(this.idNumber,11,"身份证号")
        &&_this.$verification(this.phoneModel,0,"联系电话")&&_this.$verification(this.phoneModel,1,"联系电话")
        &&_this.$verification(this.community,0,"小区")&&_this.$verification(this.building,0,"楼号")
        &&_this.$verification(this.unit,0,"单元")&&_this.$verification(this.unit,2,"单元")
        &&_this.$verification(this.roomNumber,0,"房间号")&&_this.$verification(this.roomNumber,2,"房间号")) {
        let feverStr="";
        if(this.fever=='e:37.3℃以上'&&this.localBodyHeat){
          feverStr="e:"+this.localBodyHeat+"℃";
        }else{
          feverStr=this.fever;
        }
        var param = {
          "name": this.nameModel,
          "sex": this.genderModel,
          "phone": this.phoneModel,
          "idNumber": this.idNumber,
          'fever': feverStr,//是否发热
          'symptom': this.symptoModel.join('-'), //'症状（0:无，1:干咳，2:咽痛，3:发热，4:寒战，5:鼻塞）',
           "currentProvince": this.currentProvinceCode,//当前所在省
           "currentCity": this.currentCountyCode,//当前所在市
           "currentCounty": this.currentCountyCode,//当前所在区/县
           "currentCountry": this.currentCountryCode,//街道/乡/镇（当前所在地）
           "currentVillage": this.currentVillageCode,//社区/村（当前所在地）
           "currentLocation":this.community+this.building+this.unit+this.roomNumber,//当前所在地（详细住址)
           'travelLivingHubei': this.touchHubeiPersonIsolation,//是否有新型肺炎接触史（0:否，1:是）
          'trip': this.touchPersonType, //【 点选 】武汉以外的湖北人入常德人员
          "touchPersonIsolation": this.touchPersonIsolation,
          "touchHubei":this.touchHubei,//是否与湖北暴露史人员接触【 1是0否 】
          "temperature": this.bodyHeat,//体温
          localBodyHeat:this.localBodyHeat,//本地体温
          'discomfort': this.discomfort,//有无咳嗽、胸闷等不适症状（1是0否）
          "wuhanAddress":this.wuhanAddress,//常德人入武汉后居住地
          "leaveHubeiDate":this.leaveHubeiDate,//离开湖北日期(yyyymmdd)
          "vehicle":this.vehicle,//交通工具飞机、火车、大巴、自驾车
          "vehicleNo":this.vehicleNo,//车次/航班
          "stayPlace":this.stayPlace,//沿途停留地点
          'backDate': this.backChangdeDate,//返回常德日期
          // "fourteenDays":this.fourteenDays,//满14天日期(1是0否)
          otherToWuling:this.otherToWuling,//是否外地返武陵区人员(1是0否)
          'whereToWuling': this.whereToWuling,//回程地点【填空】
          howToWuling:this.howToWuling,//火车/飞机/汽车/自驾
          vehicleNoWuling:this.vehicleNoWuling,//航班/车次
          togetherPersonWuling:this.togetherPersonWuling,//同程人员
          workUnitWuling:this.workUnitWuling,//工作单位
          permanentWuling:this.permanentWuling,//是否本街道常驻人口【1是0否】
          proveWuling:this.proveWuling,//是否有相关证明(1是0否)
          'community': this.community,//小区
          'communityCode': this.communityName==this.community?this.communityCode:'',//小区code
          'building': this.building,//楼栋
          'unit': this.unit, // 单元
          'roomNumber': this.roomNumber, //房间号
          reporterPhone:this.info.responsiblePhone,
          reporterName:this.info.responsible
        };
        console.log(param)
        localStorage.setItem('cdepidemicData', JSON.stringify(param));
        cdquestionnaireData(param, function (res) {
          console.log("cdquestionnaireData", res)
          if (res.success) {
            console.log(_this.$formatTimeStr(new Date()))
            _this.$router.push({
              path:"/reportSuccess",
              query: {
                dateTime:_this.$formatTimeStr(new Date()),
                name:_this.nameModel,
                idNumber:_this.idNumber,
                phone:_this.phoneModel
              }
            });
            _this.$showBottomToast("上报成功")
          } else {
            _this.$showBottomToast("请求数据异常！")
          }
        })
      }


        // }

        console.log(this.nameModel + '+' + this.genderModel + '+' + this.ageModel + '+' + this.phoneModel + '+' + this.symptoModel
          + '+' + this.temperatureModel + '+' + this.feverModel + '+' + this.contactModel)
      },
      checkIDNumber() {
        // let pattern = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)/;
        let pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
        let date = new Date();
        if (!pattern.test(this.idNumber)) {
          window.vm.$vux.toast.text('证件号填写有误', 'center')
        } else {

          var num = this.idNumber.charAt(16);
          // let num = this.idNumber.substring(16,18);
          console.log('监测男女，'+num);
          if (num % 2 == 0) {
            // console.log('女');
            this.$nextTick(function () {
              this.genderModel = '1';
              this.isChecked = true;
            })

          } else {
            this.$nextTick(function () {
              this.genderModel = '0';
              this.isChecked = true;
            })
          }
        }
      }
    }
  }
</script>
<style lang="less" scoped>

  .main {
    overflow: hidden;
    // background: url("../../assets/images/home/bj.png") 0 0;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    .query-time{
      position: relative;
    }
    .form-container {
      height: 100%;
      background: #f8fafb;
      border-left: 1px solid #e5e5e5;
      border: 1px solid #e5e5e5;
      background-size: 100% 100%;
      width: calc(100% - 16px);
      // margin: 0 3%;
      margin-left: 8px;
      margin-right: 8px;
      margin-bottom: 10px;
      padding-bottom: 25px;
      border-radius: 8px;
      .name {
        padding-top: 15px;
      }
      .form-main {
        width: 100%;
        height: 100%;
        padding: 0px;
        // margin-top: 130px;
        border-radius: 5px;
        margin-bottom: 10px;
        color: #333333;
        .warn-content {
          margin-top: 10px;
          margin-bottom: 18px;
          line-height: 30px;
          font-size: 15px;
        }
        .enter_title{
          width: 100%;
          height: 60px;
        }
        .enter_content{
          width: 100%;
          height: calc( 100% - 60px );
          padding: 0 20px;
          overflow: auto;
        }
        h2 {
          text-align: center;
          color: #fff;
          width: calc(100% + 40px);
          margin-left: -20px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.24);
          height: 60px;
          line-height: 60px;
          font-size: 24px;
        }
        h4 {
          margin-top: 15px;
        }
        .form-border {
          background-color: rgba(255, 255, 255, 0.9);
          color: #333333;
          padding: 5px;
          margin: 9px 0;
          width: 100%;
          margin-bottom: 20px;
          border-radius: 3px;
        }
        /*王骞 2020/02/10 1:17 修改表单样式*/
        .tizheng {
          div {
            width: 33.3333%;
            float: left;
            font-size: 15px;
            label{
              padding: 10px 5px;
            }
            input {
              vertical-align: middle;
              width: 15px;
              height: 15px;
            }
          }
        }
        .form-twoBor {
          padding: 5px 0;
          & > div {
            // border: 1px solid #c6c8c9;
            width: 100%;
            padding: 5px 10px;
            & + div{
              border-top:0;
            }
            &:first-child{
              border-radius: 3px 3px 0 0;
            }
            &:last-child{
              border-radius:0 0 3px 3px ;
            }
            input {
              vertical-align: middle;
              width: 20px;
              height: 20px;
            }
            label {
              font-size: 15px;
            }
          }

        }

      }
      .form-submit {
        width: 90%;
        margin-left: 5%;
        height: 50px;
        background: #228ed9;
        border-radius: 8px;
        color: white;
        font-size: 15px;
        border: none;
        outline: none;
      }
    }
    label {
      //  margin-bottom: 15px;
    }

    input {
      border: 1px solid #cccccc;
    }
    .el-input__inner {
      color: #fdfdfd;
    }
    .el-radio {
      padding: 5px;
      left: -5px;
      width: 100%;
      .el-radio__label {
        color: #000;
      }
      .el-radio__input.is-checked + .el-radio__label {
        color: #000 !important;
      }
      // .el-radio__input .is-checked+.el-radio__label {
      //   color: #000 !important;
      // }
    }
    .el-checkbox {
      width: 100%;
    }
    .yy-city-distance {
      display: flex;
      justify-content: center;
      align-items: center;
      .yy-c {
        /*display: 1;*/
        margin-right: 10px;
      }
    }
    #residence {
      // font-size: 12px;
      // height: 40px;
    }
    p {
      font-size: 15px;
      padding-left: 5px;
    }
    .textAreaBox {
      position: relative;
      height: 8em;
      padding: 0;
      z-index: 2;
      textarea {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 10px;
        max-height: 90%;
      }
      span {
        position: absolute;
        right: 0;
        bottom: 0px;
        z-index: 1;
        color: #ccc;
      }
    }
  }
</style>
